import { reactive, onMounted, toRefs, nextTick, ref } from "vue";
export const useIndex = ()=>{
    // type childItem = {
    //     name:string,
    //     path?:string,
    //     redirect?:string,
    //     children?:[]
    // }
    // type item = {
    //     name:string,
    //     path:string,
    //     redirect?:string,
    //     children?:childItem[]
    // }
    const navList= [
        {
            name:'系统角色管理',
            path:'/dataQuery'
        },
        {
            name:'系统状态管理',
            path:'/fileManage',
        },
        {
            name:'系统告警管理',
            path:'/clearSetting'
        },

        {
            name:'使用情况报表生成',
            redirect:'/operateInfo',
            children:[
                {
                    name:'短报文使用情况日报',
                    path:'/duanDay'
                },
                {
                    name:'短报文使用情况周报',
                    path:'/duanWeek'
                },
                {
                    name:'短报文使用情况月报',
                    path:'/duanMonth'
                },
                {
                    name:'短报文使用情况年报',
                    path:'/duanYear'
                },
            ]
        },
        {
            name:'系统日志管理',
            path:'/sysLogMsg'
        },
        {
            name:'业务运行过程及参数控制',
            path:'/serviceControl'
        },
    ]
    return {
        navList
    }
}
// export const useHandler = () => {
//     let isCheckLayerShow = ref(false); // 缩略图是否显示
//     let BasePlots: any = null; //地图画点
//     let pageNum = ref(1);
//     let pageSize = ref(10);
//     let pageTotal = ref(10);
//     let pageNumCopy = ref(1);
//     let pageSizeCopy = ref(10);
//     let pageTotalCopy = ref(10);
//     //接收配置
//     let showMask = ref(false); //显隐
//     let deviceNameSearch = ref(""); //接收配置查询
//     let showMaskConfig = ref(false); //配置弹窗2 的显隐
//     let isEcharthow = ref(false); //波形图
//     let elStepActive = ref(1); //步骤条
//     let collectionList = reactive({
//       topic: "", //汇集主题
//       memory: 256, //内存
//       cpu: 256, //cpu
//     });
//     let receptionDisposition = reactive({
//       maskRowData: {}, //点击每一行的数据中的设备名称
//       detectionList: [], //探测设备数据
//       seleteData: [], //查询数据
//       seleteFields: [
//         { label: "设备名称", prop: "deviceName" },
//         { label: "设备经度", prop: "longitude" },
//         { label: "设备纬度", prop: "latitude" },
//         { label: "IP", prop: "ip" },
//         { label: "端口号", prop: "port" },
//         { label: "传输协议", prop: "msgTransportPort", isTemplate: true },
//         // { label: "设备状态", prop: "status", isTemplate: true },
//       ], //查询数据DE头
//     });
//     //接收配置-更多详情
//     let receiveConfig = ref(false);
//     let selectNetwork = ref(""); //选择台网
//     let stationArray = ref(""); //台阵/台站
//     let stationChild = ref(""); //选择子台站
//     let receiveTotal = ref(10); //接收配置-更多详情 分页
//     let receivepageSize = ref(10);
//     let receivepageNum = ref(1);
//     let moreDetails = reactive({
//       selectNetList: [
//         {
//           label: 1,
//           value: 2,
//         },
//       ], //选择台网
//       stationArrayList: [
//         {
//           label: 1,
//           value: 2,
//         },
//       ], //台阵/台站
//       stationChildList: [
//         {
//           label: 1,
//           value: 2,
//         },
//       ], //选择子台站
//       receivelists: [], //表格
//       receiveColumns: [
//         { label: "设备名称", prop: "deviceName" },
//         { label: "子台名称", prop: "stationName" },
//         { label: "设备经度", prop: "longitude" },
//         { label: "设备纬度", prop: "latitude" },
//         { label: "IP", prop: "ip" },
//         { label: "端口号", prop: "port" },
//         { label: "设备协议", prop: "agreementName" },
//         { label: "设备状态", prop: "status", isTemplate: true },
//       ], //表格展示
//       idReceive: {
//         id: null,
//         serviceId: null,
//       }, //外层表格删除id
//       idReceive2: {
//         id: null,
//         serviceId: null,
//       }, //详情表格删除id,
//     });
//     //接收配置-删除
//     let showReceiveDelete = ref(false);
//     // 设备管理-展示
//     let lookEquipment = ref(false); //显隐
//     let equipmentType = ref(""); //设备名称
//     // let equipmentIp = ref(""); //设备ip
//     let equipmentStatus = ref(""); //设备状态
//     let lookpageNum = ref(1);
//     let lookpageSize = ref(10);
//     let lookpageTotal = ref(10);
//     let facilityNet = ref(""); //台网;
//     let facilityArray = ref(""); //台镇/台站
//     let facilityChild = ref(""); //子台站
//     let equipmentMain = reactive({
//       equipmentTypeList: [], //设备名称
//       facilityNetList: [], //选择台网
//       facilityArrayList: [], //台镇/台站
//       facilityChildList: [], //子台站
//       equipmentStatusList: [
//         {
//           id: 0,
//           name: "关闭",
//         },
//         {
//           id: 1,
//           name: "激活",
//         },
//       ], //设备状态
//       equipmentlists: [], //设备展示
//       equipmentcolumns: [
//         { label: "设备名称", prop: "device_name" },
//         { label: "设备经度", prop: "longitude", width: 100 },
//         { label: "设备纬度", prop: "latitude", width: 100 },
//         { label: "台阵/台站", prop: "station_type" },
//         { label: "子台名称", prop: "station_name" },
//         { label: "IP", prop: "ip" },
//         { label: "端口号", prop: "port" },
//         { label: "设备协议", prop: "msgName" },
//         { label: "设备状态", prop: "status", isTemplate: true },
//       ], //设备展示
//     });
//     // 添加设备管理
//     let showEquipment = ref(false); //显隐-
//     let addName = ref(""); //添加设备-名称
//     let addType = ref(""); //添加设备-设备类型
//     let addFactory = ref(""); //添加设备-设备厂家
//     let addBirthDate = ref(""); //添加设备-生产日期
//     let addProcurement = ref(""); //添加设备-采购时间
//     let addLongitude = ref(""); //添加设备-经度
//     let addLatitude = ref(""); //添加设备-纬度
//     let addRepair = ref(0); //添加设备-维修次数
//     let addCapacity = ref(0); //添加设备-存储容量
//     let addUnit = ref(""); //添加设备-联系人
//     let addInfoHttp = ref(""); //添加设备-信息传输协议
//     let addIp = ref(""); //添加设备-ip
//     let addPort = ref(""); //添加设备-端口号
//     let addInfo = reactive({
//       addStation: {}, //台站
//       addStationList: [], //台站数据
//       agreementMap: ["", "TCP", "UDP", "有源组播", "无源组播"],
//       addInfoHttpList: [
//         {
//           id: 1,
//           name: "TCP",
//         },
//         {
//           id: 2,
//           name: "UDP",
//         },
//         {
//           id: 3,
//           name: "有源组播",
//         },
//         {
//           id: 4,
//           name: "无源组播",
//         },
//       ],
//     }); //添加设备-信息传输协议数据
//     // 删除设备
//     let showDelete = ref(false); //显隐
//     let deleteEquipId = ref(""); //删除id
//     let deleteEquipName = ref(""); //删除名字
//     // 地图定位弹框
//     let markShow = ref(false); //地图点的弹框-显隐
//     // let popup: any = null;
//     let showInfoMark = ref(true); //地图点的弹框-显隐
//     let showUpdate = ref(false); //地图点的弹框-显隐
//     let modalRef = ref(); //地图点的弹框ref
//     let listData = ref({}); //地图点的弹框-数据
//     let echartsTitle = "地震接收情况";
//     let echartsTitle1 = "次声接收情况";
//     let echartsTitle2 = "水声接收情况";
//     let baseMapObj: any = null;
//     let map: any = null;
//     let provinceValue = ref(""); //省
//     let taiwaneseValue = ref(""); //台阵
//     let stationsValue = ref(""); //台站
//     let equipmentValue = ref(""); //设备
//     // 接收配置添加
//     let taskProvince = ref(""); //省
//     let taskTaiwanese = ref(""); //台阵
//     let taskStations = ref(""); //台站
  
//     //新接收配置参数
//     let deviceName = ref(""); //设备名称搜索
//     let lookEcharts = ref(false); //波形弹出框展示
//     let waveformTitle = ref("查看波形"); //波形弹出框标题
//     let warnGrade = ref("查看波形"); //波形dom
//     let warnGrade1 = ref("查看波形"); //波形dom
//     let warnGrade2 = ref("查看波形"); //波形dom
//     let activeName = ref("first"); //tab
//     let detailnfo = ref(""); //tab日志需要的设备id
//     let logInfoDevice = ref({}); //tab日志需要的设备id
//     let warnOption = reactive({
//       animationDuration: 0,
//       tooltip: {
//         trigger: "axis",
//         axisPointer: {
//           type: "cross",
//           animation: false,
//           label: {
//             backgroundColor: "#ccc",
//             borderColor: "#aaa",
//             borderWidth: 1,
//             shadowBlur: 0,
//             shadowOffsetX: 0,
//             shadowOffsetY: 0,
//             color: "#222",
//           },
//         },
//       },
//       grid: {
//         left: "3%",
//         right: "8%",
//         bottom: "10%",
//         top: "16%",
//         containLabel: true,
//       },
//       dataZoom: [
//         // {
//         //   type: "inside",
//         //   show: false, //是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。
//         //   // start: 1,
//         //   // end: 100,
//         //   startValue: 2, //数据窗口范围的起始数值
//         //   endValue: 6.28, //数据窗口范围的结束数值。
//         //   minValueSpan: 1.8,
//         //   maxValueSpan: 6.28,
//         //   maxSpan: 2.5,
//         //   // moveOnMouseMove: true,
//         // },
//         {
//           type: "slider",
//           show: false,
//           start: 0,
//           endValue: 20,
//           filterMode: "empty",
//           orient: "horizontal",
//           height: 12,
//           bottom: "3px",
//           handleStyle: {
//             color: "#519cff",
//             backgroundColor: "#519cff",
//           },
//           borderColor: "#519cff",
//         },
//       ],
//       xAxis: {
//         type: "value",
//         // name: "时间",
//         nameTextStyle: {
//           padding: [0, 0, 200, 500], // 上右下左与原位置距离
//           color: "#fff",
//         },
//         nameGap: 30, // x轴name与横坐标轴线的间距
//         nameLocation: "middle", // x轴name处于x轴的什么位置
//         axisLine: {
//           show: true,
//           onZero: false, //不在y轴的零刻度线
//         },
//         axisLabel: {
//           show: true,
//           textStyle: {
//             color: "#fff",
//           },
//         },
//         splitLine: {
//           show: false,
//         },
//       },
//       yAxis: {
//         type: "value",
//         // name: "数量",
//         // nameLocation: "top",
//         nameTextStyle: {
//           padding: [0, 0, 0, 0], // 上右下左与原位置距离
//           color: "#fff",
//         },
//         axisLabel: {
//           show: true,
//           textStyle: {
//             color: "#fff",
//           },
//         },
//         splitNumber: 5,
//         splitLine: {
//           show: false,
//         },
//       },
//       series: [
//         {
//           type: "line",
//           // data: echartsData.options1,
//           data: [],
//           itemStyle: {
//             color: "#098ef7",
//           },
//           showSymbol: false,
//         },
//       ],
//     });
//     // let warnOption = reactive({
//     //   animationDuration: 0,
//     //   tooltip: {
//     //     trigger: "axis",
//     //     axisPointer: {
//     //       type: "cross",
//     //       animation: false,
//     //       label: {
//     //         backgroundColor: "#ccc",
//     //         borderColor: "#aaa",
//     //         borderWidth: 1,
//     //         shadowBlur: 0,
//     //         shadowOffsetX: 0,
//     //         shadowOffsetY: 0,
//     //         color: "#98dcff",
//     //       },
//     //     },
//     //   },
//     //   grid: {
//     //     left: "3%",
//     //     right: "8%",
//     //     bottom: "10%",
//     //     top: "16%",
//     //     containLabel: true,
//     //   },
//     //   dataZoom: [
//     //     {
//     //       type: "slider",
//     //       show: false,
//     //       start: 1,
//     //       end: 100,
//     //     },
//     //     {
//     //       type: "slider",
//     //       show: false,
//     //       start: 1,
//     //       end: 100,
//     //     },
//     //     {
//     //       type: "inside",
//     //       // xAxisIndex: [0],
//     //       start: 1,
//     //       end: 100,
//     //     },
//     //     {
//     //       type: "inside",
//     //       // yAxisIndex: [0],
//     //       start: 1,
//     //       end: 100,
//     //     },
//     //   ],
//     //   xAxis: {
//     //     type: "value",
//     //     name: "时间",
//     //     nameTextStyle: {
//     //       padding: [0, 0, 200, 500], // 上右下左与原位置距离
//     //       color: "#98dcff",
//     //     },
//     //     nameGap: 30, // x轴name与横坐标轴线的间距
//     //     nameLocation: "middle", // x轴name处于x轴的什么位置
//     //     axisLine: {
//     //       show: true,
//     //       onZero: false, //不在y轴的零刻度线
//     //     },
//     //     axisLabel: {
//     //       show: true,
//     //       textStyle: {
//     //         color: "#98dcff",
//     //       },
//     //     },
//     //     splitLine: {
//     //       show: false,
//     //     },
//     //   },
//     //   yAxis: {
//     //     type: "value",
//     //     name: "数量",
//     //     nameLocation: "left",
//     //     nameTextStyle: {
//     //       padding: [0, 0, 80, -10], // 上右下左与原位置距离
//     //       color: "#98dcff",
//     //     },
//     //     axisLabel: {
//     //       show: true,
//     //       textStyle: {
//     //         color: "#98dcff",
//     //       },
//     //     },
//     //     splitNumber: 5,
//     //     splitLine: {
//     //       show: false,
//     //     },
//     //   },
//     //   series: [
//     //     {
//     //       type: "line",
//     //       data: [],
//     //       itemStyle: {
//     //         color: "#098ef7",
//     //       },
//     //       showSymbol: false,
//     //     },
//     //   ],
//     // });
//     let warnOption1 = reactive({
//       animationDuration: 0,
//       tooltip: {
//         trigger: "axis",
//         axisPointer: {
//           type: "cross",
//           animation: false,
//           label: {
//             backgroundColor: "#ccc",
//             borderColor: "#aaa",
//             borderWidth: 1,
//             shadowBlur: 0,
//             shadowOffsetX: 0,
//             shadowOffsetY: 0,
//             color: "#222",
//           },
//         },
//       },
//       grid: {
//         left: "3%",
//         right: "8%",
//         bottom: "10%",
//         top: "16%",
//         containLabel: true,
//       },
//       dataZoom: [
//         {
//           type: "slider",
//           show: false,
//           //  start: 0,
//           start: 640.005,
//           // startValue: 640.005,
//           endValue: 800,
//         },
//         // {
//         //   type: "slider",
//         //   show: false,
//         //   start: 1,
//         //   end: 100,
//         // },
//         // {
//         //   type: "inside",
//         //   // xAxisIndex: [0],
//         //   start: 1,
//         //   end: 100,
//         // },
//         {
//           type: "inside",
//           // yAxisIndex: [0],
//           start: 1,
//           end: 100,
//         },
//       ],
//       xAxis: {
//         type: "value",
//         // name: "时间",
//         nameTextStyle: {
//           padding: [0, 0, 200, 500], // 上右下左与原位置距离
//           color: "#fff",
//         },
//         nameGap: 30, // x轴name与横坐标轴线的间距
//         nameLocation: "middle", // x轴name处于x轴的什么位置
//         axisLine: {
//           show: true,
//           onZero: false, //不在y轴的零刻度线
//         },
//         axisLabel: {
//           show: true,
//           textStyle: {
//             color: "#fff",
//           },
//         },
//         splitLine: {
//           show: false,
//         },
//       },
//       yAxis: {
//         type: "value",
//         // name: "数量",
//         // nameLocation: "top",
//         nameTextStyle: {
//           padding: [0, 0, 0, 0], // 上右下左与原位置距离
//           color: "#fff",
//         },
//         axisLabel: {
//           show: true,
//           textStyle: {
//             color: "#fff",
//           },
//         },
//         splitNumber: 5,
//         splitLine: {
//           show: false,
//         },
//       },
//       series: [
//         {
//           type: "line",
//           // data: echartsData.options1,
//           data: [],
//           itemStyle: {
//             color: "#098ef7",
//           },
//           showSymbol: false,
//         },
//       ],
//     });
//     let warnOption2 = reactive({
//       animationDuration: 0,
//       tooltip: {
//         trigger: "axis",
//         axisPointer: {
//           type: "cross",
//           animation: false,
//           label: {
//             backgroundColor: "#ccc",
//             borderColor: "#aaa",
//             borderWidth: 1,
//             shadowBlur: 0,
//             shadowOffsetX: 0,
//             shadowOffsetY: 0,
//             color: "#222",
//           },
//         },
//       },
//       grid: {
//         left: "3%",
//         right: "8%",
//         bottom: "10%",
//         top: "16%",
//         containLabel: true,
//       },
//       dataZoom: [
//         {
//           type: "slider",
//           show: false,
//           //  start: 0,
//           start: 640.005,
//           // startValue: 640.005,
//           endValue: 800,
//         },
//         // {
//         //   type: "slider",
//         //   show: false,
//         //   start: 1,
//         //   end: 100,
//         // },
//         // {
//         //   type: "inside",
//         //   // xAxisIndex: [0],
//         //   start: 1,
//         //   end: 100,
//         // },
//         {
//           type: "inside",
//           // yAxisIndex: [0],
//           start: 1,
//           end: 100,
//         },
//       ],
//       xAxis: {
//         type: "value",
//         // name: "时间",
//         nameTextStyle: {
//           padding: [0, 0, 200, 500], // 上右下左与原位置距离
//           color: "#fff",
//         },
//         nameGap: 30, // x轴name与横坐标轴线的间距
//         nameLocation: "middle", // x轴name处于x轴的什么位置
//         axisLine: {
//           show: true,
//           onZero: false, //不在y轴的零刻度线
//         },
//         axisLabel: {
//           show: true,
//           textStyle: {
//             color: "#fff",
//           },
//         },
//         splitLine: {
//           show: false,
//         },
//       },
//       yAxis: {
//         type: "value",
//         // name: "数量",
//         // nameLocation: "top",
//         nameTextStyle: {
//           padding: [0, 0, 0, 0], // 上右下左与原位置距离
//           color: "#fff",
//         },
//         axisLabel: {
//           show: true,
//           textStyle: {
//             color: "#fff",
//           },
//         },
//         splitNumber: 5,
//         splitLine: {
//           show: false,
//         },
//       },
//       series: [
//         {
//           type: "line",
//           // data: echartsData.options1,
//           data: [],
//           itemStyle: {
//             color: "#098ef7",
//           },
//           showSymbol: false,
//         },
//       ],
//     });
//     let dataPush = reactive({
//       equipmentList: [], //设备
//       stationsList: [], //台站
//       taiwaneseList: [], //台阵
//       provinceList: [], //省列表
//       tableData: [], //表格数据
//       tableDataCopy: [], //表格数据
//       fields: [
//         { label: "设备名称", prop: "name" },
//         { label: "台网", prop: "networkname" },
//         { label: "台站", prop: "stationname" },
//         { label: "测点", prop: "pointname" },
//         {
//           label: "状态",
//           prop: "receiveStatus",
//           isTemplate: true,
//           width: "80",
//         },
//       ], //表头
//       fieldsCopy: [
//         { label: "设备名称", prop: "instName" },
//         { label: "容器名称", prop: "containerName" },
//         { label: "topic", prop: "topic" },
//         { label: "创建时间", prop: "create_dates" },
//         { label: "状态", prop: "status" },
//       ], //表头
//       detailList: {}, //详情数据
//     });
//     let btnName = reactive({
//       buttonName: [
//         { value: "接收配置", label: "接收配置" },
//         { value: "数据引接服务列表", label: "数据引接服务" },
//         // { value: "告警管理", label: "告警管理" },
//       ],
//     }); //按钮标题
//     let isTableShow = ref(true); //关闭正常表格
//     let isSpecilShow = ref(false);
//     let isDetail = ref(false); //详情弹框
//     const state = reactive({
//       title: {
//         text: "数据量",
//         textStyle: {
//           // 设置颜色
//           color: "white",
//           fontSize: 12,
//         },
//       },
//       //鼠标经过时的气泡说明
//       tooltip: {
//         trigger: "axis",
//         axisPointer: {
//           type: "shadow",
//         },
//       },
  
//       grid: {
//         left: "3%",
//         right: "4%",
//         bottom: "3%",
//         containLabel: true,
//       },
//       //X轴
//       xAxis: [
//         {
//           type: "category",
//           data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
//           axisTick: {
//             alignWithLabel: true,
//             // show: false
//           },
//           axisLabel: {
//             show: true,
//             textStyle: {
//               color: "white", //更改坐标轴文字颜色
//               fontSize: 10, //更改坐标轴文字大小
//             },
//           },
//         },
//       ],
//       //Y轴
//       yAxis: [
//         {
//           type: "value",
//           data: ["0.2", "0.4", "0.6", "0.8", "1.0"],
//           splitLine: {
//             show: false, //Y轴背景线
//           },
//           axisLabel: {
//             show: true,
//             textStyle: {
//               color: "#b7b7b8", //更改坐标轴文字颜色
//               fontSize: 10, //更改坐标轴文字大小
//             },
//           },
//         },
//       ],
//       series: [
//         {
//           name: "直接访问",
//           type: "line",
//           barWidth: "60%",
//           //折线的高度
//           data: [1, 344, 310, 330, 250, 450, 200, 300, 400, 160],
//           showSymbol: false,
//           itemStyle: {
//             normal: {
//               lineStyle: {
//                 color: "#11ebf3", //折线颜色
//               },
//             },
//           },
//         },
//       ],
//     });
  
//     const state1 = reactive({
//       title: {
//         text: "数据量",
//         textStyle: {
//           // 设置颜色
//           color: "white",
//           fontSize: 12,
//         },
//       },
//       //鼠标经过时的气泡说明
//       tooltip: {
//         trigger: "axis",
//         axisPointer: {
//           type: "shadow",
//         },
//       },
  
//       grid: {
//         left: "3%",
//         right: "4%",
//         bottom: "3%",
//         containLabel: true,
//       },
//       //X轴
//       xAxis: [
//         {
//           type: "category",
//           data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
//           axisTick: {
//             alignWithLabel: true,
//             // show: false
//           },
//           axisLabel: {
//             show: true,
//             textStyle: {
//               color: "white", //更改坐标轴文字颜色
//               fontSize: 10, //更改坐标轴文字大小
//             },
//           },
//         },
//       ],
//       //Y轴
//       yAxis: [
//         {
//           type: "value",
//           data: ["0.2", "0.4", "0.6", "0.8", "1.0"],
//           splitLine: {
//             show: false, //Y轴背景线
//           },
//           axisLabel: {
//             show: true,
//             textStyle: {
//               color: "#b7b7b8", //更改坐标轴文字颜色
//               fontSize: 10, //更改坐标轴文字大小
//             },
//           },
//         },
//       ],
//       series: [
//         {
//           name: "直接访问",
//           type: "line",
//           barWidth: "60%",
//           //折线的高度
//           data: [300, 344, 310, 330, 250, 450, 200, 300, 400, 160, 390, 90],
//           showSymbol: false,
//           itemStyle: {
//             normal: {
//               lineStyle: {
//                 color: "#11ebf3", //折线颜色
//               },
//             },
//           },
//         },
//       ],
//     });
//     const state2 = reactive({
//       title: {
//         text: "数据量",
//         textStyle: {
//           // 设置颜色
//           color: "white",
//           fontSize: 12,
//         },
//       },
//       //鼠标经过时的气泡说明
//       tooltip: {
//         trigger: "axis",
//         axisPointer: {
//           type: "shadow",
//         },
//       },
  
//       grid: {
//         left: "3%",
//         right: "4%",
//         bottom: "3%",
//         containLabel: true,
//       },
//       //X轴
//       xAxis: [
//         {
//           type: "category",
//           data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
//           axisTick: {
//             alignWithLabel: true,
//             // show: false
//           },
//           axisLabel: {
//             show: true,
//             textStyle: {
//               color: "white", //更改坐标轴文字颜色
//               fontSize: 10, //更改坐标轴文字大小
//             },
//           },
//         },
//       ],
//       //Y轴
//       yAxis: [
//         {
//           type: "value",
//           data: ["0.2", "0.4", "0.6", "0.8", "1.0"],
//           splitLine: {
//             show: false, //Y轴背景线
//           },
//           axisLabel: {
//             show: true,
//             textStyle: {
//               color: "#b7b7b8", //更改坐标轴文字颜色
//               fontSize: 10, //更改坐标轴文字大小
//             },
//           },
//         },
//       ],
//       series: [
//         {
//           name: "直接访问",
//           type: "line",
//           barWidth: "60%",
//           //折线的高度
//           data: [133, 344, 310, 330, 250, 450, 1, 200, 300, 4, 390, 90],
//           showSymbol: false,
//           itemStyle: {
//             normal: {
//               lineStyle: {
//                 color: "#11ebf3", //折线颜色
//               },
//             },
//           },
//         },
//       ],
//     });
//     let popup: any = null;
//     let layerIds: any = "mapPoints";
//     // 初始化地图
//     const initMap = () => {
//       baseMapObj = new baseMap({
//         container: "mapContainers",
//         zoom: 3,
//         // center: [123.31054687499999, 36.38591277287651],
//       });
  
//       map = baseMapObj.map;
//       map.on("load", function () {
//         BasePlots = new BasePlot(map);
//         map.on("click", "mapPoints", (e: any) => {
//           onClicks(e, "mapPoints");
//         });
//         map.on("click", "individualPoints", (e: any) => {
//           onClicks(e, "individualPoints");
//         });
//       });
//     };
//     //接收配置-表格删除
//     const deleteReceive1 = (v: any) => {
//       showReceiveDelete.value = true;
//       moreDetails.idReceive.id = v.properties.id;
//       moreDetails.idReceive.serviceId = v.properties.serviceId;
//     };
//     //接收配置-更多详情删除
//     const deleteReceive = (v: any) => {
//       showReceiveDelete.value = true;
//       moreDetails.idReceive2.id = v.properties.id;
//       moreDetails.idReceive2.serviceId = v.properties.serviceId;
//     };
//     //接收配置-删除api
//     const deleteConfig = (data: any) => {
//       http.converge.deleteClose(data).then((res: any) => {
//         if (res && res.code == 0) {
//           moreDetailsTable();
//           getTasks();
//           ElMessage({
//             message: res.message,
//             type: "success",
//           });
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     //接收配置-表格删除弹框取消按钮
//     const receivedeletecancel = () => {
//       showReceiveDelete.value = false;
//       moreDetails.idReceive = {};
//       moreDetails.idReceive2 = {};
//     };
//     //接收配置-表格删除弹框确认按钮
//     const receiveDeleteconfirm = () => {
//       showReceiveDelete.value = false;
//       if (moreDetails.idReceive.id) {
//         deleteConfig(moreDetails.idReceive);
//       } else if (moreDetails.idReceive2.id) {
//         deleteConfig(moreDetails.idReceive2);
//       }
//     };
//     //接收配置-更多详情取消按钮
//     const receiveCancel = (val: any) => {
//       receiveConfig.value = false;
//       receiveInfoClear();
//     };
//     //接收配置-更多详情 清空
//     const receiveInfoClear = () => {
//       selectNetwork.value = "";
//       stationArray.value = "";
//       stationChild.value = "";
//     };
//     // 接收配置-更多详情 页码改变
//     const receiveSizeChange = (val: number) => {
//       receivepageSize.value = val;
//       moreDetailsTable();
//     };
//     // 接收配置-更多详情 页码改变
//     const receiveNumChange = (val: number) => {
//       receivepageNum.value = val;
//       moreDetailsTable();
//     };
//     //接收配置-更多详情-选择台网
//     const networkChange = (val: any) => {
//       // 点击台网查询列表
//       selectNetwork.value = val;
//       moreDetailsTable();
//       // 点击台网查询台阵
//       let params = {
//         unitId: val,
//       };
//       provinceTaiwanese(params);
//       // 点击台网查询子台站
//       let data = {
//         unitId: val,
//         stationTypeId: stationArray.value,
//       };
//       stationsTotal(data);
//     };
//     //接收配置-更多详情-台阵/台站
//     const stationArrayChange = (val: any) => {
//       stationArray.value = val;
//       moreDetailsTable();
//       let params = {
//         unitId: selectNetwork.value,
//         stationTypeId: val,
//       };
//       stationsTotal(params);
//     };
//     //接收配置-更多详情-选择子台站
//     const stationChildChange = (val: any) => {
//       stationChild.value = val;
//       moreDetailsTable();
//     };
//     //接收配置-更多详情-表格
//     const moreDetailsTable = () => {
//       let data = {
//         unitId: selectNetwork.value,
//         stationType: stationArray.value,
//         stationId: stationChild.value,
//         pageSize: receivepageSize.value,
//         pageNum: receivepageNum.value,
//       };
//       taskRecevie(data);
//     };
//     // 接收配置api
//     const taskRecevie = (data: any) => {
//       http.converge.getReception(data).then((res: any) => {
//         if (res && res.code == 0) {
//           receiveTotal.value = res.data.totals;
//           moreDetails.receivelists = res.data.data;
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     //设备管理地图弹框-删除
//     const delInfo = (val: any) => {
//       markShow.value = false;
//       showInfoMark.value = false;
//       showUpdate.value = false;
//       if (popup) {
//         popup.remove();
//       }
//     };
//     //设备管理地图弹框-编辑
//     const updateInfo = () => {
//       markShow.value = true;
//       showUpdate.value = true;
//       showInfoMark.value = false;
//     };
//     //设备管理地图弹框-提交
//     const submitForm = (val: any) => {
//       if (
//         val.device_name == "" ||
//         val.type_id == "" ||
//         val.addStation == "" ||
//         val.station_id == "" ||
//         val.ip == "" ||
//         val.port == ""
//       ) {
//         ElMessage({
//           message: "设备名称、设备类型、台站、IP、端口号、传输协议不能为空",
//           type: "error",
//         });
//       } else {
//         if (popup) {
//           popup.remove();
//         }
//         baseMapObj.map.removeLayer("draw_point");
//         markShow.value = false;
//         showInfoMark.value = false;
//         showUpdate.value = false;
//         let params = {
//           deviceName: val.device_name, //添加设备-名称
//           typeId: Number(val.type_id), //添加设备-设备类型
//           manufacture: val.manufacture, //添加设备-设备厂家
//           manufactureDate: utils.formatDate(val.manufacture_date, 1), //添加设备-生产日期
//           purchaseTime: utils.formatDate(val.purchase_time, 1), //添加设备-采购时间
//           stationId: val.station_id, //添加设备-台站id
//           longitude: Number(val.longitude), //添加设备-经度
//           latitude: Number(val.latitude), //添加设备-纬度
//           maintainTimes: Number(val.maintain_times), //添加设备-维修次数
//           storageCapacity: Number(val.storage_capacity), //添加设备-存储容量
//           contactPerson: val.contact_person, //添加设备-联系人
//           msgTransportPort: Number(val.msg_transport_port), //添加设备-信息传输协议
//           ip: val.ip, //添加设备-ip
//           port: Number(val.port), //添加设备-端口号
//           id: val.id,
//         };
//         http.converge.device(params).then((res: any) => {
//           if (res && res.code == 0) {
//             getEquipList();
//           } else {
//             ElMessage({
//               message: res.message,
//               type: "error",
//             });
//           }
//         });
//       }
//     };
//     //设备管理地图弹框-配置按钮 yyq
//     const configInfo = (item: any) => {
//       elStepActive.value = 1;
//       showMaskConfig.value = true;
//       taskProvince.value = item.station_unit_id;
//       taskTaiwanese.value = item.station_type_id;
//       taskStations.value = item.station_id;
//       let data = {
//         unitId: taskProvince.value,
//         stationType: taskTaiwanese.value,
//         stationId: taskStations.value,
//         pageSize: 10,
//         pageNum: 1,
//       };
//       http.converge.addReception(data).then((res: any) => {
//         if (res && res.code == 0) {
//           res.data.list.forEach((i: any) => {
//             if (item.id == i.id) {
//               receptionDisposition.seleteData = [i];
//               receptionDisposition.maskRowData = i;
//             }
//           });
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     //设备管理-更多详情-选择台网
//     const facilityNetChange = (val: any) => {
//       // 点击台网查询列表
//       facilityNet.value = val;
//       // getMoreEquipment();
//       getType();
//       // 点击台网查询台阵
//       let params = {
//         unitId: val,
//       };
//       provinceTaiwanese(params);
//       // 点击台网查询子台站
//       let data = {
//         unitId: val,
//         stationTypeId: facilityArray.value,
//       };
//       stationsTotal(data);
//     };
//     //设备管理-更多详情-台阵/台站
//     const facilityArrayChange = (val: any) => {
//       facilityArray.value = val;
//       // getMoreEquipment();
//       getType();
//       let params = {
//         unitId: facilityNet.value,
//         stationTypeId: val,
//       };
//       stationsTotal(params);
//     };
//     //设备管理-更多详情-选择子台站
//     const facilityChildChange = (val: any) => {
//       facilityChild.value = val;
//       // getMoreEquipment();
//       getType();
//     };
//     //接收配置-设备名称搜索查询
//     const deviceNameChange = (val: any) => {
//       deviceNameSearch.value = val;
//       getTasks();
//     };
//     // 获取配置任务数据
//     const getTasks = () => {
//       let data = {
//         pageNum: pageNum.value,
//         pageSize: pageSize.value,
//         name: deviceNameSearch.value,
//         network: "",
//         station: "",
//         point: "",
//       };
//       taskTotal(data);
//     };
//     // 接收配置api
//     const taskTotal = (data: any) => {
//       http.converge.getReception(data).then((res: any) => {
//         if (res && res.code == 0) {
//           pageTotal.value = res.data.total;
//           dataPush.tableData = res.data.list;
  
//           // let data = {
//           //   type: "FeatureCollection",
//           //   features: dataPush.tableData,
//           // };
//           // let option = {
//           //   layerId: "reciveConfigPoints",
//           //   name: "deviceName",
//           // };
//           // baseMapObj.addPoint(data, option);
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 获取数据引接服务列表
//     const getEquipList = () => {
//       let data = {
//         // unitId: provinceValue.value,
//         // stationType: taiwaneseValue.value,
//         // stationId: stationsValue.value,
//         // deviceTypeId: equipmentValue.value,
//         pageSize: pageSizeCopy.value,
//         pageNum: pageNumCopy.value,
//         name: "",
//       };
//       equipmentTotal(data);
//     };
//     // 单独获取设备列表api
//     const equipmentTotal = (data: any) => {
//       http.converge.getEquipListPort(data).then((res: any) => {
//         if (res && res.code == 0) {
//           dataPush.tableDataCopy = res.data.list;
//           pageTotalCopy.value = res.data.total;
//           res.data.list.forEach((item) => {
//             item.create_dates = utils.formatDate(item.createDate, 0); //添加设备-生产日期
//           });
  
//           // let data = {
//           //   type: "FeatureCollection",
//           //   features: dataPush.tableDataCopy,
//           // };
//           // let option = {
//           //   layerId: "mapPoints",
//           //   name: "device_name",
//           // };
//           // baseMapObj.addPoint(data, option);
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 获取台网列表
//     const getProvince = () => {
//       http.converge.getProvince().then((res: any) => {
//         if (res && res.code == 0) {
//           dataPush.provinceList = res.data;
//           moreDetails.selectNetList = res.data;
//           equipmentMain.facilityNetList = res.data;
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 获取台阵列表
//     const getTaiwanese = () => {
//       let params = {
//         unitId: "",
//       };
//       provinceTaiwanese(params);
//     };
//     // 台阵api
//     const provinceTaiwanese = (data: any) => {
//       http.converge.getTaiwanese(data).then((res: any) => {
//         if (res && res.code == 0) {
//           dataPush.taiwaneseList = res.data;
//           moreDetails.stationArrayList = res.data;
//           equipmentMain.facilityArrayList = res.data;
//           taiwaneseValue.value = "";
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 点击省的事件
//     const provinceChange = (v: any, index: any) => {
//       // 配置
//       if (index == 0) {
//         provinceValue.value = v;
//         //获取配置任务数据
//         getTasks();
//       }
//       // 设备
//       else if (index == 1) {
//         provinceValue.value = v;
//         getEquipList();
//         // 获取设备
//         getType();
//       }
//       // 点击台网查询台阵
//       let params = {
//         unitId: v,
//       };
//       provinceTaiwanese(params);
//       // 点击台网查询子台站
//       let data = {
//         unitId: v,
//         stationTypeId: taiwaneseValue.value,
//       };
//       stationsTotal(data);
//     };
//     // 获取子台站列表
//     const getStations = () => {
//       let params = {
//         unitId: "",
//         stationTypeId: "",
//       };
//       stationsTotal(params);
//     };
//     // 台站api
//     const stationsTotal = (data: any) => {
//       http.converge.getStations(data).then((res: any) => {
//         if (res && res.code == 0) {
//           dataPush.stationsList = res.data;
//           moreDetails.stationChildList = res.data;
//           addInfo.addStationList = res.data;
//           equipmentMain.facilityChildList = res.data;
//           stationsValue.value = "";
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 点击台阵获取子台站
//     const taiwaneseChange = (data: any, index: any) => {
//       if (index == 0) {
//         taiwaneseValue.value = data;
//         getTasks();
//       } else if (index == 1) {
//         taiwaneseValue.value = data;
//         getEquipList();
//         // 获取设备
//         getType();
//       }
//       let params = {
//         unitId: provinceValue.value,
//         stationTypeId: data,
//       };
//       stationsTotal(params);
//     };
//     // 点击子台站查询设备
//     const stationsChange = (data: any, index: any) => {
//       if (index == 0) {
//         stationsValue.value = data;
//         getTasks();
//       } else if (index == 1) {
//         stationsValue.value = data;
//         getEquipList();
//         // 获取设备
//         getType();
//       }
//     };
//     // 点击设备
//     const equipmentChange = (data: any) => {
//       equipmentValue.value = data;
//       getEquipList();
//     };
  
//     // 添加
//     const searchOne = (index: any) => {
//       provinceValue.value = "";
//       taiwaneseValue.value = "";
//       stationsValue.value = "";
//       equipmentValue.value = "";
//       if (index == 0) {
//         showMask.value = true;
//         elStepActive.value = 1;
//         activeClear();
//       } else if (index == 1) {
//         lookEquipment.value = false;
//         showEquipment.value = true;
//         infoClear();
//         getType();
//       }
//     };
//     // 设备管理-页码改变
//     const handleNumChangeCopy = (val: number) => {
//       pageNumCopy.value = val;
//       getEquipList();
//     };
//     // 设备管理-页码改变
//     const handleSizeChangeCopy = (val: number) => {
//       pageSizeCopy.value = val;
//       getEquipList();
//     };
//     // 接收配置-页码改变
//     const handleSizeChangeCon = (val: number) => {
//       pageSize.value = val;
//       getTasks();
//     };
//     // 接收配置-页码改变
//     const handleNumChangeCon = (val: number) => {
//       pageNum.value = val;
//       getTasks();
//     };
//     // 页码改变
//     const handleNumChange = (val: number) => {
//       lookpageNum.value = val;
//       getMoreEquipment();
//     };
//     // 页码改变
//     const handleSizeChange = (val: number) => {
//       lookpageSize.value = val;
//       getMoreEquipment();
//     };
//     // 开启
//     const confirmStartUse = (row: any) => {
//       let params = {
//         metaDataObserverInfo: {
//           locationId: row.pointid, //测点
//           networkId: row.networkid, //台网
//           stationId: row.stationid, //台站
//           userId: 1,
//         },
//         metaDataVirtualDeviceInfo: {
//           name: row.name,
//           userId: 1,
//           locationId: row.pointid,
//           networkId: row.networkid,
//           stationId: row.stationid,
//         },
//         virtualEntityDeviceRelation: {
//           instId: row.inst_id,
//         },
//       };
//       http.converge.startPort(params).then((res: any) => {
//         if (res && res.code == 0) {
//           getTasks();
//           ElMessage({
//             message: res.message,
//             type: "success",
//           });
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
  
//     // 查看
//     const logFun = (row: any) => {
//       detailnfo.value = row;
//       waveformFun(row);
//       isDetail.value = true;
//       // dataPush.detailList = row.properties;
//     };
//     // 波形
//     const waveformFun = (row: any) => {
//       let params = {
//         deviceId: row.inst_id,
//       };
//       http.converge.lookEcharts(params).then((res: any) => {
//         // debugger;
//         if (res && res.code == 0) {
//           // //console.log(res, "resrdsafdsaf");
//           lookEcharts.value = true;
//           warnOption.series[0].data = res.data[0].waveformData;
//           // if (res.data[0].waveformData[0][0] <= 20) {
//           //   // warnOption.dataZoom[0].show = false;
//           //   warnOption.dataZoom[0].start = 0;
//           // } else {
//           //   // warnOption.dataZoom[0].show = true;
//           //   warnOption.dataZoom[0].start = res.data[0].waveformData[0][0];
//           //   let dataLength = res.data[0].waveformData.length;
//           //   warnOption.dataZoom[0].endValue =
//           //     res.data[0].waveformData[dataLength - 1][0];
//           // }
//           echarts.init(warnGrade.value).setOption(warnOption);
  
//           warnOption1.series[0].data = res.data[1].waveformData;
//           echarts.init(warnGrade1.value).setOption(warnOption1);
  
//           warnOption2.series[0].data = res.data[2].waveformData;
//           echarts.init(warnGrade2.value).setOption(warnOption2);
//         } else {
//           ElMessage.error(res.message);
//         }
//       });
//     };
//     //查看弹框中切换标签页
//     const handleClick = (tab: any) => {
//       if (tab.index == 1) {
//         let params = {
//           instId: detailnfo.value.inst_id,
//         };
//         http.converge.logApi(params).then((res: any) => {
//           logInfoDevice.value = {};
//           if (res && res.code == 0) {
//             utils.formatDate(res.data.createTime, 0);
//             utils.formatDate(res.data.updateTime, 0);
//             logInfoDevice.value = res.data;
//           } else {
//             ElMessage.error(res.message);
//           }
//         });
//       }
//     };
//     // 详情-取消
//     const detailcancel = () => {
//       isDetail.value = false;
//     };
//     // 激活关闭
//     const activeOpen = (row: any) => {
//       if (row.receiveStatus == 0) {
//         return;
//       }
//       let data = {
//         instId: row.inst_id,
//       };
//       http.converge.closeEquip(data).then((res: any) => {
//         if (res && res.code == 0) {
//           getTasks();
//           ElMessage({
//             message: res.message,
//             type: "success",
//           });
//           // getTasks();
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "warning",
//           });
//         }
//       });
//     };
//     // 设备管理-点击每一行数据进行定位
//     const rowClick = (row: any) => {
//       listData.value = row.properties;
//       let option = {
//         layerId: "individualPoints",
//         name: "device_name",
//         iconImgUrl:
//           "",
//       };
//       baseMapObj.addPoint(row, option);
//       let center: any = null;
//       center = row.geometry.coordinates;
//       baseMapObj.map.flyTo({ center: center, zoom: 13 });
//     };
//     const onClicks = (e: any, layerIds: any) => {
//       let features = map.queryRenderedFeatures(e.point, {
//         layers: [layerIds],
//       });
//       if (popup) {
//         popup.remove();
//       }
//       if (features.length > 0) {
//         listData.value = features[0].properties; // 坐标信息
//         markShow.value = true;
//         showInfoMark.value = true;
//         showUpdate.value = false;
//         popup = new mapboxgl.Popup({
//           offset: 25,
//           maxWidth: "400px",
//           anchor: "left",
//           className: "local-boxs",
//         }).setDOMContent(modalRef.value.modalRef);
//         popup.setLngLat(features[0].geometry.coordinates).addTo(map);
//       }
//     };
  
//     // 接收配置
//     const rowClickOne = (row: any) => {
//       let params = {
//         collectionName: "BD_LOC_MANAGE_INFO", //DETECTION_POINT_BASE_INFO
//         queryConditionList: [
//           {
//             compareOp: "=",
//             fieldName: "point_id",
//             fieldValue: row.pointid,
//             relationNextOne: "AND",
//           },
//         ],
//         queryResultList: [],
//       };
//       http.converge.configPointsApi(params).then((res: any) => {
//         if (res && res.code == 0) {
//           let option = {
//             layerId: "ConfigPoints",
//             name: "name",
//             iconImgUrl:
//               "",
//           };
//           let data = {
//             type: "FeatureCollection",
//             features: res.data.data,
//           };
//           baseMapObj.addPoint(data, option);
//           let center: any = null;
//           center = res.data.data[0].geometry.coordinates;
//           baseMapObj.map.flyTo({ center: center, zoom: 13 });
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//       // let option = {
//       //   layerId: "ConfigPoints",
//       //   name: "deviceName",
//       //   iconImgUrl:
//       //     "",
//       // };
//       // baseMapObj.addPoint(row, option);
//       // let center: any = null;
//       // center = row.geometry.coordinates;
//       // baseMapObj.map.flyTo({ center: center, zoom: 13 });
//     };
//     // 点击更多
//     const moreClick = (data: any) => {
//       provinceValue.value = "";
//       taiwaneseValue.value = "";
//       stationsValue.value = "";
//       equipmentValue.value = "";
//       if (data == "task") {
//         receiveConfig.value = true;
//         receiveInfoClear();
//         moreDetailsTable();
//       } else if (data == "equip") {
//         lookEquipment.value = true;
//         equipmentStatus.value = "";
//         facilityNet.value = "";
//         facilityArray.value = "";
//         facilityChild.value = "";
//         equipmentType.value = "";
//         // equipmentIp.value = "";
//         getType();
//         getMoreEquipment();
//       }
//     };
  
//     // 点击更多获取的设备列表
//     const getMoreEquipment = () => {
//       let data = {
//         unitId: facilityNet.value,
//         stationType: facilityArray.value,
//         stationId: facilityChild.value,
//         deviceTypeId: equipmentType.value,
//         deviceStatus: equipmentStatus.value,
//         // ip: equipmentIp.value,
//         pageNum: lookpageNum.value,
//         pageSize: lookpageSize.value,
//       };
//       equipmentTotalDetail(data);
//     };
//     // 单独获取设备列表api
//     const equipmentTotalDetail = (data: any) => {
//       http.converge.getEquipList(data).then((res: any) => {
//         if (res && res.code == 0) {
//           equipmentMain.equipmentlists = res.data.data;
//           lookpageTotal.value = res.data.total;
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 关闭波形图
//     const closeEchart = () => {
//       isEcharthow.value = false;
//     };
//     // 接收配置/设备管理
//     const activeDown = (item: any) => {
//       if (item.label == "接收配置") {
//         isEcharthow.value = true;
//         provinceValue.value = "";
//         taiwaneseValue.value = "";
//         stationsValue.value = "";
//         equipmentValue.value = "";
//         getTasks();
//         // baseMapObj.map.removeLayer("mapPoints");
//       } else if (item.label == "数据引接服务") {
//         isEcharthow.value = false;
//         provinceValue.value = "";
//         taiwaneseValue.value = "";
//         stationsValue.value = "";
//         equipmentValue.value = "";
//         getEquipList();
//         // baseMapObj.map.removeLayer("reciveConfigPoints");
//       }
//     };
//     // 查询设备类型id和名字
//     const getType = () => {
//       let data = {
//         unitId: provinceValue.value || facilityNet.value,
//         stationType: taiwaneseValue.value || facilityArray.value,
//         stationId: stationsValue.value || facilityChild.value,
//       };
//       http.converge.getType(data).then((res: any) => {
//         if (res && res.code == 0) {
//           equipmentMain.equipmentTypeList = res.data;
//           dataPush.equipmentList = res.data;
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 删除-取消
//     const deletecancel = () => {
//       showDelete.value = false;
//     };
//     // 删除-确定-先去关闭设备在删除
//     const deleteconfirm = () => {
//       showDelete.value = false;
//       let data = {
//         deviceId: deleteEquipId.value,
//         deploymentName: deleteEquipName.value,
//       };
//       http.converge.closeEquip(data).then((res: any) => {
//         if (res && res.code == 0) {
//           ElMessage({
//             message: res.message,
//             type: "success",
//           });
//           deleteId(deleteEquipId.value);
//           // getTasks();
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 设备管理-删除
//     const deletedLook = (row: any) => {
//       if (row.properties.status == 1) {
//         // 激活状态
//         showDelete.value = true;
//         deleteEquipId.value = row.properties.id;
//         deleteEquipName.value = row.properties.container_name;
//       } else {
//         deleteId(row.properties.id);
//       }
//     };
//     // 删除-接口
//     const deleteId = (ids: any) => {
//       let data = {
//         id: ids,
//       };
//       http.converge.deleteEquip(data).then((res: any) => {
//         if (res && res.code == 0) {
//           getEquipList();
//           getMoreEquipment();
//           ElMessage({
//             message: "删除成功",
//             type: "success",
//           });
//         } else {
//           ElMessage({
//             message: res.meaasge,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 设备管理-提交
//     const addFunForm = () => {
//       if (
//         addName.value == "" ||
//         addType.value == "" ||
//         addInfo.addStation == "" ||
//         addInfoHttp.value == "" ||
//         addIp.value == "" ||
//         addPort.value == ""
//       ) {
//         ElMessage({
//           message: "设备名称、设备类型、台站、IP、端口号、传输协议不能为空",
//           type: "error",
//         });
//       } else {
//         showEquipment.value = false;
//         let params = {
//           deviceName: addName.value, //添加设备-名称
//           typeId: Number(addType.value), //添加设备-设备类型
//           manufacture: addFactory.value, //添加设备-设备厂家
//           manufactureDate: utils.formatDate(addBirthDate.value, 1), //添加设备-生产日期
//           purchaseTime: utils.formatDate(addProcurement.value, 1), //添加设备-采购时间
//           stationId: addInfo.addStation.id, //添加设备-台站id
//           longitude: Number(addLongitude.value), //添加设备-经度
//           latitude: Number(addLatitude.value), //添加设备-纬度
//           maintainTimes: Number(addRepair.value), //添加设备-维修次数
//           storageCapacity: Number(addCapacity.value), //添加设备-存储容量
//           contact_person: addUnit.value, //添加设备-联系人
//           msgTransportPort: Number(addInfoHttp.value), //添加设备-信息传输协议
//           ip: addIp.value, //添加设备-ip
//           port: Number(addPort.value), //添加设备-端口号
//         };
//         http.converge.addEquip(params).then((res: any) => {
//           if (res && res.code == 0) {
//             ElMessage({
//               message: res.message,
//               type: "success",
//             });
//             getEquipList();
//             baseMapObj.map.removeLayer("draw_point");
//           } else {
//             ElMessage({
//               message: res.message,
//               type: "error",
//             });
//           }
//         });
//       }
//     };
//     // 设备管理-查询
//     const lookEquipmentFun = () => {
//       getMoreEquipment();
//     };
//     // 设备管理-添加
//     const equipconfirm = () => {
//       lookEquipment.value = false;
//       showEquipment.value = true;
//       infoClear();
//     };
//     // 清空添加设备信息
//     const infoClear = () => {
//       addName.value = ""; //添加设备-名称
//       addType.value = ""; //添加设备-设备类型
//       addFactory.value = ""; //添加设备-设备厂家
//       addBirthDate.value = ""; //添加设备-生产日期
//       addProcurement.value = ""; //添加设备-采购时间
//       addInfo.addStation = {}; //添加设备-设备id
//       addRepair.value = 0; //添加设备-维修次数
//       addCapacity.value = 0; //添加设备-存储容量
//       addUnit.value = ""; //添加设备-联系人
//       addInfoHttp.value = ""; //添加设备-信息传输协议
//       addIp.value = ""; //添加设备-ip
//       addPort.value = ""; //添加设备-端口号
//     };
//     // 设备管理-取消
//     const equipcancel = () => {
//       lookEquipment.value = false;
//     };
//     // 点击台站获取经纬度
//     const loadIcon = (data: any, values, flag) => {
//       if (flag == "1") {
//         values.longitude = Number(data.longitude);
//         values.latitude = Number(data.latitude);
//         values.station_name = data.stationName;
//         values.station_id = data.id;
//         markShow.value = true;
//         showInfoMark.value = false;
//         showUpdate.value = true;
//         let centerPoint = [data.longitude, data.latitude];
//         popup.setLngLat(centerPoint).addTo(map);
//       } else if (flag != "1") {
//         addLongitude.value = Number(data.longitude);
//         addLatitude.value = Number(data.latitude);
//       }
//       let obj = {
//         geometry: {
//           coordinates: [Number(data.longitude), Number(data.latitude)],
//           type: "Point",
//         },
//         type: "Feature",
//         properties: {
//           device_name: data.stationName,
//         },
//       };
//       let option = {
//         layerId: "draw_point",
//         name: "device_name",
//       };
//       baseMapObj.addPoint(obj, option);
//       let center = obj.geometry.coordinates;
//       baseMapObj.map.flyTo({ center: center, zoom: 5 });
  
//       // let drawType = "draw_point";
//       // BasePlots.mapDraw(drawType, (result: any) => {
//       //   if (Object.keys(result).length != 0) {
//       //     let targetGeometry =
//       //       result.currentReslut.features[0].geometry.coordinates;
//       //     addLongitude.value = targetGeometry[0].toFixed(4);
//       //     addLatitude.value = targetGeometry[1].toFixed(4);
//       //   }
//       // });
//     };
//     // 进去清空
//     const activeClear = () => {
//       taskProvince.value = "";
//       taskTaiwanese.value = "";
//       taskStations.value = "";
//       getProvince(); // 获取省列表
//       getTaiwanese(); // 获取台阵
//       // getStations(); // 获取台站
//       receptionDisposition.maskRowData = {};
//       receptionDisposition.seleteData = [];
//     };
//     //选择配置数据
//     const seleteChange = () => {
//       let data = {
//         unitId: taskProvince.value,
//         stationType: taskTaiwanese.value,
//         stationId: taskStations.value,
//         pageSize: 10,
//         pageNum: 1,
//       };
//       http.converge.addReception(data).then((res: any) => {
//         if (res && res.code == 0) {
//           receptionDisposition.seleteData = res.data.list;
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
//     // 点击台网
//     const seleteChangeOne = (v: any) => {
//       taskProvince.value = v;
//       seleteChange();
//       // 点击省查询台阵
//       let params = {
//         unitId: v,
//       };
//       provinceTaiwanese(params);
//       // // 点击省查询台站
//       let data = {
//         unitId: v,
//         stationTypeId: taskTaiwanese.value,
//       };
//       stationsTotal(data);
//     };
//     // 点击台阵
//     const seleteChangeTwo = (v: any) => {
//       taskTaiwanese.value = v;
//       seleteChange();
//       let params = {
//         unitId: taskProvince.value,
//         stationTypeId: v,
//       };
//       stationsTotal(params);
//     };
//     // 点击子台
//     const seleteChangeThr = (v: any) => {
//       taskStations.value = v;
//       seleteChange();
//     };
//     let maskTable = ref(); //表格高亮
//     // 点击每一行的配置数据
//     const maskRowClick = (data: any) => {
//       receptionDisposition.maskRowData = data;
//       nextTick(() => {
//         maskTable.value.tables.setCurrentRow(data, true);
//       });
//     };
//     // 设备选择-下一步
//     const nextSelete = () => {
//       if (Object.keys(receptionDisposition.maskRowData).length == 0) {
//         ElMessage({
//           message: "请点击表格某一行选择数据",
//           type: "warning",
//         });
//       } else {
//         elStepActive.value = 2;
//         let params = {
//           id: receptionDisposition.maskRowData.id,
//           stationId: receptionDisposition.maskRowData.stationId,
//         };
//         http.converge.getTopicByDevice(params).then((res: any) => {
//           if (res && res.code == 0) {
//             // ElMessage({
//             //   message: res.message,
//             //   type: "success",
//             // });
//             collectionList.topic = res.data;
//           } else {
//             ElMessage({
//               message: res.message,
//               type: "error",
//             });
//           }
//         });
//       }
//     };
//     // // 资源配置-上一步
//     // const upcollection = () => {
//     //   elStepActive.value = 1;
//     //   activeClear();
//     // };
//     // //资源配置-下一步
//     // const nextcollection = () => {
//     //   if (
//     //     collectionList.memory < 125 ||
//     //     collectionList.memory > 512 ||
//     //     collectionList.cpu < 125 ||
//     //     collectionList.cpu > 512
//     //   ) {
//     //     ElMessage({
//     //       message: "数值在125~512之间",
//     //       type: "warning",
//     //     });
//     //   } else {
//     //     elStepActive.value = 3;
//     //   }
//     // };
//     // 信息确认-上一步
//     const upSure = () => {
//       elStepActive.value = 1;
//     };
//     // 信息确认-确认
//     const nextSure = () => {
//       elStepActive.value = 1;
//       showMask.value = false;
//       showMaskConfig.value = false;
//       markShow.value = false;
//       showInfoMark.value = false;
//       showUpdate.value = false;
//       if (popup) {
//         popup.remove();
//       }
//       let params = Object.assign(
//         receptionDisposition.maskRowData,
//         collectionList
//       );
//       http.converge.addSeleteList(params).then((res: any) => {
//         if (res && res.code == 0) {
//           getEquipList();
//           ElMessage({
//             message: res.message,
//             type: "success",
//           });
//           getTasks();
//         } else {
//           ElMessage({
//             message: res.message,
//             type: "error",
//           });
//         }
//       });
//     };
  
//     //资源配置-上一步 不清空
//     const upcollectionConfig = () => {
//       elStepActive.value = 1;
//     };
//     // 二三维切换
//     const checkFn = () => {
//       state.curTool = 1;
//       const projection = map.getProjection();
//       if (projection.name == "mercator") {
//         // 切换三维
//         map.setProjection("globe");
//       } else {
//         map.setProjection("");
//       }
//     };
//     // 放大
//     const enlargeFn = () => {
//       state.curTool = 2;
//       let zoom = map.getZoom();
//       const center = map.getCenter();
//       zoom = zoom + 1;
//       map.flyTo({ center, zoom });
//     };
//     // 缩小
//     const reduceFn = () => {
//       state.curTool = 3;
//       let zoom = map.getZoom();
//       const center = map.getCenter();
//       zoom = zoom - 1;
//       map.flyTo({ center, zoom });
//     };
//     // 切换底图按钮
//     const checkLayer = () => {
//       state.curTool = 4;
//       isCheckLayerShow.value = true;
//     };
//     // 切换地图
//     const checkMapFn = (index: any) => {
//       if (index == 2) {
//         baseMapObj.addImageLayer({
//           mapUrl: window.gateway.SKY_MAP,
//           center: [108, 35],
//         });
//       } else {
//         baseMapObj.addImageLayer({
//           mapUrl: window.gateway.mapUrl,
//           center: [108, 35],
//         });
//       }
//       isCheckLayerShow.value = false;
//     };
//     // 重置
//     const resetFn = () => {
//       initMap();
//     };
//     return {
//       resetFn,
//       checkFn,
//       reduceFn,
//       enlargeFn,
//       checkLayer,
//       isCheckLayerShow,
//       checkMapFn,
//       logInfoDevice,
//       handleClick,
//       activeName,
//       lookEcharts,
//       waveformTitle,
//       warnGrade,
//       warnGrade1,
//       warnGrade2,
//       deviceName,
//       receivedeletecancel,
//       receiveDeleteconfirm,
//       showReceiveDelete,
//       facilityNetChange,
//       facilityArrayChange,
//       facilityChildChange,
//       facilityNet,
//       facilityArray,
//       facilityChild,
//       configInfo,
//       deleteReceive1,
//       deleteReceive,
//       stationChildChange,
//       stationArrayChange,
//       networkChange,
//       receiveConfig,
//       selectNetwork,
//       stationArray,
//       stationChild,
//       receiveTotal,
//       receivepageSize,
//       receivepageNum,
//       receiveSizeChange,
//       receiveNumChange,
//       receiveCancel,
//       moreDetails,
//       BasePlots,
//       pageNum,
//       pageSize,
//       pageTotal,
//       pageTotalCopy,
//       pageSizeCopy,
//       pageNumCopy,
//       showMask,
//       showMaskConfig,
//       isEcharthow,
//       elStepActive,
//       collectionList,
//       receptionDisposition,
//       lookEquipment,
//       equipmentType,
//       // equipmentIp,
//       equipmentStatus,
//       lookpageNum,
//       lookpageSize,
//       lookpageTotal,
//       isSpecilShow,
//       equipmentMain,
//       showEquipment,
//       addName,
//       addType,
//       addFactory,
//       addBirthDate,
//       addProcurement,
//       addLongitude,
//       addLatitude,
//       addRepair,
//       addCapacity,
//       addUnit,
//       addInfoHttp,
//       addIp,
//       addPort,
//       addInfo,
//       showDelete,
//       deleteEquipId,
//       deleteEquipName,
//       markShow,
//       showInfoMark,
//       showUpdate,
//       modalRef,
//       listData,
//       echartsTitle,
//       echartsTitle1,
//       echartsTitle2,
//       baseMapObj,
//       map,
//       dataPush,
//       taskProvince,
//       taskTaiwanese,
//       taskStations,
//       btnName,
//       isTableShow,
//       isDetail,
//       state,
//       state1,
//       state2,
//       popup,
//       layerIds,
//       initMap,
//       delInfo,
//       updateInfo,
//       submitForm,
//       getTasks,
//       getProvince,
//       provinceChange,
//       taiwaneseChange,
//       stationsChange,
//       equipmentChange,
//       searchOne,
//       getStations,
//       getType,
//       provinceValue,
//       taiwaneseValue,
//       stationsValue,
//       equipmentValue,
//       getTaiwanese,
//       handleNumChange,
//       handleNumChangeCopy,
//       handleSizeChange,
//       handleSizeChangeCon,
//       handleNumChangeCon,
//       handleSizeChangeCopy,
//       confirmStartUse,
//       waveformFun,
//       logFun,
//       detailcancel,
//       activeOpen,
//       rowClick,
//       rowClickOne,
//       maskRowClick,
//       maskTable,
//       onClicks,
//       moreClick,
//       closeEchart,
//       activeDown,
//       deletecancel,
//       deleteconfirm,
//       deletedLook,
//       deleteId,
//       addFunForm,
//       lookEquipmentFun,
//       equipconfirm,
//       infoClear,
//       equipcancel,
//       loadIcon,
//       activeClear,
//       seleteChangeOne,
//       seleteChangeTwo,
//       seleteChangeThr,
//       upSure,
//       nextSure,
//       upcollectionConfig,
//       nextSelete,
//       deviceNameChange,
//     };
//   };